<template>
  <div class="mb-2 items-start gap-3 rounded-xl bg-white/7 p-4">
    <h4 class="mt-0">
      Avatar 头像
    </h4>

    <div class="mt-8 flex items-center gap-8">
      <TAvatar class="w-10" avatar="2" :exp="[80, 100]" level="3" />
      <TAvatar class="w-10" avatar="4" :percent="20" />
      <TAvatar class="w-40" avatar="12" level="12" :percent="70" />
      <TAvatar class="w-10" avatar="20" level="12" :levelScale="0.2" />
    </div>
  </div>
</template>
